<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>电力结算单新建</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css">
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type="text/javascript" src="../static/js/jquery-1.10.2.min.js"></script>
  <script type='text/javascript' src="../static/js/jquery.tips.js"></script>
  <script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type="text/javascript" src="../static/table/costBalanceBillTable.js"></script>  
  <script type="text/javascript" src="../static/js/balance/costBalanceBillCreate.js"></script>
</head>
<body style="overflow:auto">
  <div>
    <div class="top" style="padding-left:3%;">
    <h4 class="partTitle"> 
          <span class="detalisBack" onclick="goback();"></span>
          <label id="title">新建电力结算单</label>
        </h4>
    </div>
    <div class="blue"></div>
 </div>
 <form class="form-horizontal" id="costBalanceBillSearch">
   <input id="balanceMonth" name="BalanceMonth" hidden="hidden">
   <input id="chargingPriceIndex" name="ChargingPriceIndex" hidden="hidden">
   <div class="part partMargin">
	  <div class="partTable">
		<div class="col-sm-1 control-label partConditionTitle">
			<span id="showYear" style="font-size:25px;"></span>
	    </div>
		<div class="col-sm-11" id="monthList"></div>
	  </div>
   </div>
   <div class="part partMargin">
      <div class="partTable">
        <label class="col-sm-1 control-label partConditionTitle" for="BalanceBillName">新建单名称</label>
        <div class="col-sm-5 partCondition">
           <input class="form-control" maxlength="255" name="BalanceBillName" id="BalanceBillName"/>
        </div>
        <label class="col-sm-5 control-label partConditionTitle" for="BalanceBillName" style="text-align:left;color:brown;">例如：电力结算单xx月xx日-xx月xx日</label>
        <button class="btn btn-primary" id="save" type="button" style="float:right;" onclick="saveBillInfo()">
                       保存
        </button>
     </div>
     <div class="partTable">
        <label class="col-sm-1 control-label partConditionTitle" for="BalanceChargingPriceType">电价类型</label>
        <div class="col-sm-2 partCondition">
           <select id="BalanceChargingPriceType" name="BalanceChargingPriceType" class="form-control" onchange='getChargingPriceName(this.options[this.options.selectedIndex].value)'>
              <option value="1">固定电价</option>
              <option value="2" selected="selected">平谷电价</option>
            </select>
        </div>
        <label class="col-sm-1 control-label partConditionTitle" for="EffectiveDTTM">有效日期</label>
        <div class="col-sm-2 partCondition">
           <select id="EffectiveDTTM" name="EffectiveDTTM" class="form-control" onchange='getChargingPrice(this.options[this.options.selectedIndex].value, this.options.selectedIndex)'>
             <!-- <option value="" selected="selected">请选择</option> -->
           </select>
        </div>
        <label id="ChargingPrice" class="col-sm-5 control-label partConditionTitle" style="text-align:left;color:brown;"></label>
     </div>
   </div>
 </form>
 <div class="part partMargin">
    <div>
      <label style="padding-left:30px;" for="TotalTradeKWH">总贸易电量：</label>
      <label id="totalTradeKWH">0</label>
      <label style="padding-left:30px" for="TotalCost">总费用：</label>
      <label id="totalCost">0.00</label>
      <!-- <button class="btn btn-primary" id="update" type="button" style="float:right;" onclick="update()">导出</button> -->
    </div>
    <p id="errorMessage" style="color:red;font-size: 30pt;font-weight: bold;" hidden='hidden'></p>
    <div class="partTable partMargin">
      <table class="table table-hover" id="costBalanceBillTable">
        <thead id="costBalanceBillThead">
        </thead>
        <tbody id="costBalanceBillTbody">
        </tbody>
      </table>
    </div>
  </div>
</body>
</html>